<template>
    <div>
        <van-tree-select
        :items="items"
        :active-id.sync="activeId"
        :main-active-index.sync="activeIndex"
        />
    </div>
</template>

<script>
export default {
    name: 'index',

    data() {
        return {
            activeId: 1,
            activeIndex: 0,
            items:[
                    {
                        // 导航名称
                        text: '所有城市',
                        // 导航名称右上角徽标，2.5.6 版本开始支持
                         
                        // 是否在导航名称右上角显示小红点
                         
                        // 导航节点额外类名
                        className: 'my-class',
                        // 该导航下所有的可选项
                        children: [
                            {
                                // 名称
                                text: '温州',
                                // id，作为匹配选中状态的标识符
                                id: 1,
                                // 禁用选项
                            },
                            {
                                text: '杭州',
                                id: 2,
                            },
                        ],
                    },
                    {
                        text:"北京"
                    }
                ],
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>

</style>